<nz-header>
  <div class="logo">
    <a routerLink="/"></a>
  </div>
  <ul class="nav" nz-menu nzTheme="dark" nzMode="horizontal">
    <li nz-menu-item *ngFor="let item of listData">
      <a routerLink="{{item.url}}" routerLinkActive="active">{{item.title}}</a>
    </li>
    <li nz-menu-item>
      <ng-template #contentTemplate>
        <ul class="user-list">
          <li (click)="editUserInfo()">
            <a routerLink="/home/user/info">个人信息</a>
          </li>
          <nz-divider></nz-divider>
          <!-- <li (click)="updatePassword()">修改密码</li> -->
          <li (click)="logoutHandel()">
            登出
          </li>
        </ul>
      </ng-template>
      <div nz-popover [nzPopoverContent]="contentTemplate" nzPopoverTrigger="hover">
        <nz-avatar nzSize="large" nzIcon="user" [nzSrc]="userInfo.avatar"></nz-avatar>
        <span class="userinfo">{{ userInfo.username }}</span>
      </div>
    </li>
  </ul>
</nz-header>